<div{{ attributes }}>
    Todo List: {{ name }}

    <ul>
    {% for key, item in items %}
        {% if loop.index is odd %}
            {{ component('todo_item', { text: item.text, textLength: item.text|length, key: 'the-key'~key }) }}
        {% else %}
            {% component 'todo_item' with { text: item.text, textLength: item.text|length, key: 'the-key'~key } %}{% endcomponent %}
        {% endif %}
    {% endfor %}
    </ul>
</div>
